<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <meta name="author" content="刘亚彬" />
    <title>118项目汇总</title>
    <style>
      table {
        margin: 20px auto 100px;
        border-collapse: collapse;
      }

      tr,
      td,
      th {
        border: 1px solid gray;
        text-align: center;
        padding: 0 20px;
        line-height: 30px;
        color: #666;
      }

      a {
        /* color: red; */
        text-decoration: none;
      }

      .def {
        color: #555;
      }
    </style>
  </head>

  <body>
    <table id="table">
      <tr>
        <th>编号</th>
        <th>姓名</th>
        <th>项目名</th>
        <th>技术栈</th>
        <th>平台</th>
      </tr>
    </table>
  </body>
  <script>
    var data = [
      [
        [" 刘金琪 ", "MAIGOO", "vue", "PC端", "https://www.maigoo.com/"],
        [" 刘金琪 ","东方红e购商城","vue","PC端","http://ytobuy.nongji360.com/"],
        [" 刘金琪 ", "普象网", "vue", "PC端", "https://www.puxiang.com/"],
        [" 刘金琪 ", "甜趣蛋糕", "uniapp", "APP"],
        [" 刘金琪 ", "豆伴匠", "vue", "APP"],
        [" 刘金琪 ", "球大师", "vue", "APP"],
        [" 刘金琪 ", "海菲医疗", "uniapp", "小程序"],
      ],
      [
        [" 邵真真 ", "小鸟便签-备忘录", "微信小程序", "APP"],
        [" 邵真真 ", "维宁云书", "微信小程序", "APP"],
        [" 邵真真 ", "宝宝食谱儿童辅食", "uniapp", "微信小程序"],
        [" 邵真真 ", "劲爆汽车音乐", "uniapp", "微信小程序"],
        [" 邵真真 ", "食物营养成分大全", "uniapp", "微信小程序"],
        [" 邵真真 ","自由行","js混jQuery","PC端","https://www.cnzyx.com/tags-4.html"],
        [" 邵真真 ","快乐购","js混jQuery","PC端","https://www.happigo.com/tv5/"],
        [" 邵真真 ", "木玛家具", "vue", "PC端", "http://www.momajj.com"],
        [" 邵真真 ", "千千音乐", "vue", "PC端", "https://music.91q.com"],
      ],
      [
        [" 李鑫 ","蜂狂购","vue","PC端","https://www.fkgou.com/pc/index.html"],
        [" 李鑫 ", "车和茶叶", "vue", "PC端", "https://donghetea.com/"],
        [" 李鑫 ", "医学微视", "js混jQuery", "PC端", "https://www.mvyxws.com/"],
        [" 李鑫 ", "云车网", "react", "PC端", "https://www.yuncars.cn/"],
        [" 李鑫 ", "蜂狂购", "微信小程序", "小程序"],
        [" 李鑫 ", "润药商城", "vue", "App"],
        [" 李鑫 ", "时光记事本", "uniapp", "App"],
      ],
      [
        ["郭统帅", "匠古摄影", "vue3", "pc端", "http://www.ahjgyx.com/"],
        ["郭统帅", "商城后台管理", "react", "pc端", ""],
        ["郭统帅", "一米市集", "vue3", "APP"],
        ["郭统帅", "熊猫刷牙", "微信小程序", "小程序"],
        ["郭统帅", "TOM母婴", "vue2", "pc端", "https://baby.tom.com/"],
        ["郭统帅", "TOM母婴", "vue2", "APP"],
        ["郭统帅", "十二享美食", "微信小程序", "小程序"],
        ["郭统帅", "雨露映画婚纱摄影", "微信小程序", "小程序"],
        ["郭统帅","欢乐商城","js混jQuery","pc端","http://330973073.qqku.com/"],
      ],
      [
        ["温世龙", "腾达汽车配件网", "vue", "pc端", "http://www.fmdjt.com/"],
        ["温世龙", "众图网", "vue", "pc端", "https://www.ztupic.com/"],
        ["温世龙","宜和购物商城","vue","pc端","https://www.ehmall.com.cn/mall/"],
        [" 温世龙 ", "歌词适配", "微信小程序", "微信小程序"],
        [" 温世龙 ", "蛋糕订购", "微信小程序", "微信小程序"],
      ],
      [
        [" 赵宗振 ", "汽车之家", "vue", "PC端", "https://buy.autohome.com.cn"],
        [" 赵宗振 ", "驴妈妈旅游", "vue", "PC端", "http://www.lvmama.com"],
        [" 赵宗振 ", "九天音乐", "vue", "PC端", "http://www.9sky.com"],
        [" 赵宗振 ", "小院人家", "vue", "APP"],
        [" 赵宗振 ", "倍嗨", "vue", "APP"],
        [" 赵宗振 ", "千嗨体育", "uniapp", "APP"],
        [" 赵宗振 ", "小谷便签", "uniapp", "小程序"],
        [" 赵宗振 ", "好医友医药", "微信小程序 ", "小程序"],
      ],
      [
        [" 李甲成 ", "植物智", "vue", "PC端", "http://www.iplant.cn"],
        [" 李甲成 ", "香伯年家居", "vue", "PC端", "http://www.xbnjj.com"],
        [" 李甲成 ", "购够网", "vue", "PC端", "https://www.gougoujp.com"],
        [" 李甲成 ", "家居邦", "vue", "PC端", "https://www.jiaju63.com"],
      ],
      [
        ["何玲玲", "记工客", "uniapp", "小程序"],
        ["何玲玲", "悦享听频道", "微信小程序", "小程序"],
        ["何玲玲", "零售商城", "vue", "PC端", "http://pay.appidfx.com/#"],
        ["何玲玲", "零售商城后台管理", "vue", "PC端"],
        ["何玲玲", "热读小说", "vue", "App"],
      ],
      ,
      [
        ["王怡凡", "古摄影", "vue", "pc端", "http://guangzhou.gulove.com"],
        ["王怡凡", "舒华", "vue", "pc端", "https://www.shuhua.cn"],
        ["王怡凡", "采爱采购", "uniapp", "app", "https://b2b.baidu.com/m"],
        ["王怡凡", "惠农网", "react", "pc端", "https://www.cnhnb.com/"],
        ["王怡凡", "百家文学", "uniapp", "app", "http://m.baijiawenxue.com"],
      ],
      [
        ["张豪锦", "华夏二手车网", "vue", "pc端", " https://www.hx2car.com"],
        ["张豪锦", "花语", "vue", "pc端", "http://hua.aboats.cn"],
        ["张豪锦","昵图网","react","pc端","https://www.nipic.com/index.html"],
        ["张豪锦", "爱衣服饰", "uniapp", "微信小程序"],
        ["张豪锦", "星之联二手车", "uniapp", "app"],
      ],
      [
        ["蔡正伟", "美食天下", "vue", "pc端", "https://www.meishichina.com/"],
        ["蔡正伟", "找房吧", "uni-app", "App"],
        ["蔡正伟", "洋优品", "uni-app", "微信小程序"],
        ["蔡正伟", "淘车二手车", "vue", "pc端", "https://www.taoche.com/"],
        ["蔡正伟", "3号面料馆", "vue", "pc端", "https://www.3hmlg.com/"],
      ],
      [
        ["张武纪", "小宠优品", "vue", "pc端", "https://mall.petuup.com"],
        ["张武纪", "豆果美食", "vue", "pc端", "https://www.douguo.com"],
        ["张武纪", "诺邦达物流", "uniapp", "小程序"],
        ["张武纪", "尚乐优选商贸", "uniapp", "小程序"],
        ["张武纪", "尚乐优选商贸管理", "vue", "管理系统"],
      ],
      [
        ["王明昊", "花木网", "vue", "pc端", "https://www.huamu.com/"],
        ["王明昊", "辉达家政小程序", "uniapp", "小程序"],
        ["王明昊", "辉达家政后台管理系统", "vue", "管理系统"],
        ["王明昊", "辉达家政App", "vue", "App"],
        ["王明昊", "腾旅旅游", "uniApp", "小程序"],
        ["王明昊", "R355服饰资讯网", "vue", "pc端", "http://www.r355.com/"],
      ],
      [
        ["吴佳佳", "中策车空间", "vue", "pc端", "https://www.zcckj.cn/"],
        ["吴佳佳", "中策云店卡客车版", "uniApp", "app"],
        ["吴佳佳", "中策业务通", "uniApp", "app"],
        ["吴佳佳", "汇荣手机配件批发", "uniApp", "小程序"],
        ["吴佳佳", "太平洋汽车", "Vue", "PC端", "https://www.pcauto.com.cn/"],
        ["吴佳佳", "太平洋家居网", "Vue", "PC端", "http://jiaju.pchouse.com.cn/"]
      ],
      [
        ["何馨怡", "公司经营管理平台", "react+antd", "pc端"],
        ["何馨怡", "花韵", "vue", "pc端", "https://www.flowerscharm.com/"],
        ["何馨怡", "花韵", "微信小程序", "小程序"],
      ],
      [
        ["张小宁", "我爱去旅游网", "JS+Jquery", "pc端", "https://www.527uu.net/"],
        ["张小宁", "学堂在线", "vue2", "pc端", "https://www.xuetangx.com/"],
      ],
      [
        ["陈震峰", "书享家", "vue", "pc端", "https://www.shuxiangjia.cn/"],
        ["陈震峰", "多抓鱼", "uniapp", "app", "https://www.duozhuayu.com/book"],
        ["陈震峰", "农商城", "vue", "pc端", "https://www.nongsc.cn/"],
        ["陈震峰", "简单动漫", "Jquery", "pc端", "https://www.36dm.com/"],
         ["陈震峰","杂志铺","vue","pc端","http://www.zazhipu.com/"]
      ],
      [
        ["范亮", "团车帝", "uni-app", "小程序"],
        ["范亮", "优医", "vue", "移动端app"],
        ["范亮", "易乐玩", "vue", "pc端", "http://www.yilewan.com/gift"],
        ["范亮", "美味家", "vue", "pc端", "http://mwjlscy.pospal.cn/m"],
      ],
      [
        ["徐鈺莹","乐问艺术","vue","pc端","http://www.lovingart.cn/"],
        ["徐鈺莹", "美术网", "vue", "pc端", "https://www.mei-shu.com/"],
        ["徐鈺莹", "有路网管理系统", "vue", "pc端"],
        ["徐鈺莹", "天宝珠宝", "vue", "pc端"],
        ["徐鈺莹", "MOO音乐", "uniapp", "app"],
        ["徐鈺莹", "欧秀媤化妆品", "uniapp", "app"],
      ],
      [
        ["马慧建", "爱宠", "uniapp", "小程序"],
        ["马慧建", "新家优品购", "uniapp", "小程序"],
        ["马慧建", "力诚商城app ", "vue", "app"],
        ["马慧建", "乐购后台管理系统", "vue", "后台系统"],
      ],
    ];
  data.forEach((student, i) => {
    student.forEach((project, j) => {
      var tr = document.createElement("tr");
      if (j == 0) {
        tr.innerHTML = `
					<td rowspan="${student.length}">${i + 1}</td>
					<td rowspan="${student.length}">${project[0]}</td>
					<td>
						<a class="${project[4] ? "" : "def"}" href="${project[4] || "#"}">${
            project[1]
          }</a>
					</td>
					<td>${project[2]}</td>
					<td>${project[3]}</td>
				`;
        } else {
          tr.innerHTML = `
					<td>
						<a class="${project[4] ? "" : "def"}" href="${project[4] || "#"}">${
            project[1]
          }</a>
					</td>
					<td>${project[2]}</td>
					<td>${project[3]}</td>
				`;
        }
        table.appendChild(tr);
      });
    });
  </script>
</html>
